<!DOCTYPE HTML><!--html5声明-->
<html>
<head>
<title>登录界面</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!--元(meta)数据-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- -->
<script>var __links = document.querySelectorAll('a');
        function __linkClick(e) { parent.window.postMessage(this.href, '*');} ;
        for (var i = 0, l = __links.length; i < l; i++)
            {if ( __links[i].getAttribute('data-t') == '_blank' )
                 { __links[i].addEventListener('click', __linkClick, false);}
            }
        </script>
<script src="js/jquery.min.js"></script>
<script>$(document).ready(function(c) {
    $('.alert-close').on('click', function(c){//点击事件
        $('.message').fadeOut('slow', function(c){
              $('.message').remove();
/*  $(".message")on('click',function(c){
        $('.message').remove();
    })

    as same as :

    $(".message")click(function(){
        $(".message").remove();
    })
*/
        });
    });
});
</script>
</head>
<body>

<!-- contact-form -->
<div class="message warning">
    <div class="inset">

    <div class="login-head">
        <h1>Login Form</h1>
         <div class="alert-close"> </div>
    </div>

        <form  action="" method="get">
            <li>
                <input type="text" class="text=" value"Username"
                    onfocus="if(this.value == 'Username')this.value = '';"
                    onblur="if (this.value == '') {this.value = 'Username';}">
                <a href="#" class=" icon user"></a><!--remember user-->
            </li>
                <div class="clear"> </div>

            <li>
                <input type="password" value="Password"
                    onfocus="if(this.value == 'Password')this.value = '';"
                    onblur="if (this.value == '') {this.value = 'Password';}">
                 <a href="#" class="icon lock"></a><!--remember password-->
            </li>
<!--Verification code
            <li>
                <input type="text" class="yanZheng" value="请输入验证码"
                    onfocus = "if(this.value == '请输入验证码')this.value = '';"
                    onblur = "if(this.value == '')this.value = '请输入验证码';">

            </li>
                    -->

                <div style = "text-align:left">
                    <label><br><input name="password" type="radio" value="">Remember</br></label><!--remeber password-->
                </div>

            <div class="clear"> </div>
            <div class="submit">
                <input type="submit" onclick="myFunction()" value="Sign in" >
                <h4><a href="#">Lost your Password ?</a></h4><!--forgot password confirm herf-->

                <div class="clear">  </div>
            </div>

        </form>

    </div>
</div>

    <div class="clear"> </div>

</body>
</html>